<template>
	<view>

		<view class="seller-view">
			<view class="seller-take">
				<view class="seller-img">
					<image :src="shopObj.logo" mode="aspectFill"></image>
				</view>
				<view class="seller-right">
					<text class="seller-title">{{shopObj.shop}}</text>
					<view class="seller-time">
						<image src="../../../static/coen/shijian.svg" mode="widthFix"></image>
						<text>{{shopObj.times}}</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		mapState
	} from 'vuex'
	export default {
		// props: {
		// 	shopList: {
		// 		type: Object,
		// 		// address: "杭州市西湖区山水人家清水湾11幢11"
		// 		// capita: 20
		// 		// delivering: 1
		// 		// duration: "20"
		// 		// logo: "http://lstkk.oss-cn-beijing.aliyuncs.com/meituan/public/uploads/1583591740906.png"
		// 		// openid: "5dfcf328da83f620e4077112"
		// 		// physical: 0.3
		// 		// shop: "九丰土菜馆"
		// 		// times: "8:00-18:00"
		// 		// types: "江浙菜"
		// 	}
		// },
		computed: {
			...mapState(['shopList', 'discussList', 'getdishesList']),
			listen() {
				this.shopObj = this.shopList
			}
		},
		data() {
			return {
				shopObj: {}
			}
		}
	}
</script>

<style scoped lang="scss">
	text {
		// display: block;
	}

	.seller-view {
		height: 130upx;
		background: linear-gradient(to top, #ffe566 10%, #ffd300 100%);
		border-bottom-left-radius: 10upx;
		border-bottom-right-radius: 10upx;

		.seller-take {
			display: flex;
			align-items: center;
			height: 130upx;
			padding: 0 10upx;
		}

		.seller-img {
			width: 150upx;
			height: 120upx;
			padding-right: 20upx;

			image {
				width: 100%;
				height: 100%;
				border-radius: 10upx;
			}
		}

		.seller-right {
			width: 100%;

			.seller-time {
				display: flex;
				align-items: center;
				font-size: 27upx;
				height: 40upx;
				line-height: 40upx;

				image {
					width: 27upx;
					height: 27upx;
					padding-right: 9upx;
				}
			}

			.seller-title {
				font-size: 37upx;
				margin-bottom: 19upx;
				display: block;
				overflow: hidden;
			}
		}
	}
</style>
